﻿@page "/components/spacer"

<DocsPage>
    <DocsPageHeader Title="Spacer" Component="@nameof(MudSpacer)" SubTitle="Expands and fills available space">
    </DocsPageHeader>

    <DocsPageContent>
        <DocsPageSection>
            <SectionHeader Title="Basic Usage">
                <Description>The <CodeInline>MudSpacer</CodeInline> component simply expands and fills available space. Its size is dependent on the parent's size.</Description>
            </SectionHeader>
            <SectionContent DarkenBackground="true" Code="@nameof(SpacerBasicExample)">
                <SpacerBasicExample />
            </SectionContent>
        </DocsPageSection>
    </DocsPageContent>
</DocsPage>
